<template>
	<div class="container">
		<router-view />
	</div>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(async () => {

})
</script>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  box-sizing: border-box;
  background: var(--page-bg-color);
  position: relative;
  font-size: 28px;
	overflow: hidden;
  img {
    object-fit: cover;
  }
	.container {
		height: 100%;
		overflow: auto;
	}
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, figcaption, figure, fieldset, legend, button, input, textarea, th, td, input, button {
	margin: 0;
	padding: 0;
	border: 0;
}

body, button, input, select, textarea {
	font: 12px/1 PingFangSC-light, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

* {
	/*touch-action: pan-y;*/
}

h1 {
	font-size: 18px;
	font-weight: normal
}

h2 {
	font-size: 16px;
	font-weight: normal
}

h3 {
	font-size: 14px;
	font-weight: normal
}

h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

ul, ol, li {
	list-style: none
}

a {
	text-decoration: none;
	color: #3C3C3C;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a, img, button, input, textarea {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	outline: none;
	-webkit-appearance: none;
}

abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help
}

q:before, q:after {
	content: ''
}

legend {
	color: #000
}

fieldset, img {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	border: 0;
	height: 1px
}

i {
	font-style: normal;
	font-weight: 100;
}

html, body {
	height: 100%;
	background: #f3f6f9;
}

div, p {
	word-break: break-all;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	background: #fff;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}

</style>
